<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j">
<ui:composition template="/templates/baseLayout.xhtml">
	<ui:define name="body">
		<section id="content">
			<div class="row-1 p1" style="width:100%">	
				<h3>Talk to Us</h3>	
				<div class="wrapper" align="center">
					<div class="col-1" style="width:100%">
						<div class="box" style="width:100%">
							<div align="center">
								<h:outputText style="font-size: 28px; color:#7ac142;" value="#{hmpCtrl.dealer.clientName}" />
								<br/>
								<h:outputText style="font-size: 14px;" value="#{hmpCtrl.dealer.caption}"/>
								<br/>
								<br/>
								<p>
									#{hmpCtrl.dealer.primaryLocation.address1},&nbsp;&nbsp;#{hmpCtrl.dealer.primaryLocation.address2}
									<br/>
									#{hmpCtrl.dealer.primaryLocation.city},&nbsp;&nbsp;
									#{hmpCtrl.dealer.primaryLocation.state},&nbsp;&nbsp;
									#{hmpCtrl.dealer.primaryLocation.zip}
									<br/>
									<h:outputText value="#{hmpCtrl.dealer.primaryLocation.busPhone}" converter="phoneConverter" />
									<br/>
									#{hmpCtrl.dealer.primaryLocation.email}
								</p>
							</div>
						</div>
					</div>		
				</div>	
			</div>
			<div class="row-2">
	      		<h3>our staff</h3>
	      		<ui:repeat var="user" value="#{hmpCtrl.dealer.userInfos}">
	      			<div class="wrapper">
		            	<figure class="img-indent"><h:graphicImage value="/img/?imgId=#{user.displayImage.imageId}" width="150" height="150"/></figure>
		                <div class="extra-box">
		                <div class="padding-top">
		                	<h4>#{user.firstName} #{user.lastName} <br/> <span> #{user.designation} </span></h4>
		                	<p>
		                		#{user.locations[0].busPhone}
		                		<br/>
		                		#{user.locations[0].email}
		                		<br/>
		                    	With state of the art technology at our disposal, we provide you with best of our services.
		                    </p>	                    
		                </div>
		                </div>
		            </div>	            
	      		</ui:repeat>	            
	        </div>				
		</section>
	</ui:define>	
</ui:composition>
</html>	